<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
	<title>
		Sistemas Informáticos III 2013-14
	</title>
	<meta http-equiv="Expires" content="0">
	<link href="css/estilos.css" rel="stylesheet" type="text/css"/>
</head>

<body>

<div id="contenedor">
	   <jsp:include page="Cabecera.jsp" />
		
       <div id="contenido"> 
	    	<div id="datosProducto">
	    	   	<div class="fotoForm">
	  				<s:set name="ruta" value="%{'img/productos/'+producto.foto}"/>
					<br>
					<img id="foto140" src="${ruta}" >
	  			</div>
		    	<div id="producto">
					<br>
					<br>
		    	    <p id="nombre" class="tituloBusq">
		    		<s:property value="producto.nombre"/><br> </p>
		    		<s:property value="producto.descripcion"/><br>
		    		Dirección: <s:property value="producto.direccion"/>, 
		    		<s:property value="producto.municipio"/>. <s:property value="producto.provincia.nombre"/>.<br>
		    		Teléfono de Contacto: <s:property value="producto.telefono"/>
		    	</div>
	
			</div>
	
	
		    <s:if test="listaOfertas!=null"> 
	    	<div id="datosOfertas">

	    	   <table class="tabla" >
			      <tr>
			 <%--        <th align="left" >Id</th>     --%>
			        <th align="left" >Oferta</th>
			        <th align="left" >Descripcion</th>   
			        <th align="left" >Hasta</th>
			        <th align="left" >Precio</th>
			       </tr>
     
				 <s:iterator value="listaOfertas" var="listaOfertas">   
				 <tr>
		<%-- 			<td><s:property value="id" /></td>     --%>       
			        <td><s:property value="nombre" /></td>
			        <td><s:property value="descripcion" /></td>
			        <td><s:property value="fechaLim" /></td>
			        <td><s:property value="precioXpersona" /></td>
			        <s:url action="detalleProductoReserva" var="reservarLink">
			 				<s:param name="idOferta"><s:property value="id" /></s:param>
				    </s:url>
					<s:if test="#session.ROL=='Cliente' or #session.ROL=='Admin'">
						<td> <a href="${reservarLink}"> Reservar </a></td>    
					</s:if>
				 </tr> 
				 </s:iterator>

    			 </table>	
	    	</div>
	    </s:if>
   	<s:if test="oferta!=null">
	    	<div id="formularioReserva">
				<div id="datosOferta">
	    			<p class="tituloBusq"><s:property value="oferta.nombre"/><br></p>
	    			<s:property value="oferta.descripcion"/><br>
	    			<s:if test="producto.tipo!=2">
	    				Hasta el <s:property value="oferta.fechaLim"/><br>
	    			</s:if>
	    			<s:else>
	    				Fecha del evento: <s:property value="oferta.fechaLim"/><br>
	    			</s:else>
	       		</div>
	       		<br>
	       		<br>
				<form id="addReserva" action="addReserva" method="post">
					<s:hidden name="idOferta" value="%{oferta.id}" />
					<s:if test="producto.tipo!=2">
	    			<s:textfield label="Fecha de la Reserva(dd/mm/aaaa)"  name="fechaTexto" size="12" required="true"/>
	    		
					<br>
	    			</s:if>
	    			Número de personas: 
	    			<select id="comboPersonas"  name="numPlazas" onchange="calculaPrecio()">
							<option value="1">1</option>
							<option value="2">2</option>
							<option value="3">3</option>
							<option value="4">4</option>
							<option value="5">5</option>
							<option value="6">6</option>
						</select>
					<br>
					Precio por persona:  <s:property value="oferta.precioXpersona"/> <br>
					Total: <span id="total"><s:property value="oferta.precioXpersona"/> </span>Euros
					<s:submit id="botonEnviar" value="Enviar" />
				</form>
		  	 </div>
 		  </s:if> 
 	   </div>
 		 <jsp:include page="Pie.jsp" />   
	  	
</div> <!--contenedor-->
      
       
<script>
function calculaPrecio(){
	var precio = '<s:property value="oferta.precioXpersona" />';
	//alert("precio"+ precio);
	var personas=document.getElementById("comboPersonas").value;
	var total = personas * precio;
	document.getElementById("total").innerHTML=total;
}
</script>
	
</body> 

</html>